{{#extend "header"}}
<title>发票信息</title>
<meta name="keywords" content="">
<meta name="description" content="">
{{/extend}}
{{#extend "style"}}
<style>
  .ui-invoice-info{
    background-color: white;
  }
  .ui-invoice-info > li{
    min-height: 2rem;
    line-height: 2rem;
    padding-left:0.6rem;
    border-bottom: 1px solid #ddd;
  }
  .ui-invoice-info > li > div{
    border-top: 1px solid #ddd;
  }
  .ui-choose, .ui-no-choose, .ui-can-not-choose{
    float: right;
    margin-top:0.6rem;
    margin-right:0.6rem
  }
  .ui-no-choose{
    margin-right:0.7rem
  }
  .ui-up-r, .ui-down-g{
    float: right;
    margin-top: 0.8rem;
    margin-right: 0.9rem;
  }
</style>
{{/extend}}
<body style="padding-bottom: 4rem;height: auto;">
  {{>nav title="发票信息" class="ui-shadow"}}
  <ul class="ui-invoice-info">
    <li>不开发票<i class="ui-choose" data-invoiceType="0"></i></li>
    <li class="ui-can-tap">个人发票<i class="ui-down-g"></i>
      <div style="display: none;">发票抬头：<input value="" placeholder="请输入抬头信息"><i class="ui-no-choose" data-invoiceType="2"></i></div>
      <div style="display: none;">邮箱地址：<input value="" placeholder="请输入邮箱内容"><i class="ui-no-choose" data-invoiceType="2"></i></div>
      <div style="display: none;">手机号码：<input value="" placeholder="请输入手机号"><i class="ui-no-choose" data-invoiceType="2"></i></div>
    </li>
    <li  class="ui-can-tap">单位发票<i class="ui-down-g" ></i>
      <div style="display: none;">发票抬头：<input value="" placeholder="请输入抬头信息"><i class="ui-no-choose" data-invoiceType="1"></i></div>
      <div style="display: none;color: #f15959;">纳税人识别号：<input value="" placeholder="请输入纳税人识别号" style="color: #f15959;"><i class="ui-no-choose" data-invoiceType="1"></i></div>
      <div style="display: none;">邮箱地址：<input value="" placeholder="请输入邮箱内容"><i class="ui-no-choose" data-invoiceType="1"></i></div>
      <div style="display: none;">手机号码：<input value="" placeholder="请输入手机号 "><i class="ui-no-choose" data-invoiceType="1"></i></div>
    </li>
    <li>发票内容：食品酒水<i class="ui-can-not-choose" data-invoiceType="0"></i></li>
  </ul>
  
  <div class="ui-red-botton" style="width: 90%;margin: 0.6rem auto 0;">确定</div>
</body>

{{#extend "script"}}
<script src="/js/invoice.js?v={{{v}}}" type="text/babel"></script>
{{/extend}}
